/* 总样式 */
* {
    margin: 0px;
    padding: 0px;
    /* font-family:'Arial‌'; */
    font-family: 'Open Sans',sans-serif;
}

  :root{
    --color-0:#006e6b;
    --color-1:#0fa597;
    --color-2:#F2F5F7;
    --content-width:max(60vw,1024px);
    --opacity:0.5;
  }

  ul{
     list-style-type: none;
  }

  button{
    background-color: var(--color-0);
  }

.sub-div-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

select {
  -webkit-appearance: none;  /* Chrome/Safari */
  -moz-appearance: none;     /* Firefox */
  appearance: none;          /* 标准属性 */
  background: url("@/svg/angle-down.svg") no-repeat calc(100% - 2rem) 50%;
  background-size: 16px 16px;
  padding-right: 25px; /* 避免文字与图标重叠 */
}

/* 尺寸变化动画 */
@keyframes change1 {
  0% { 
    height: calc(0.5 *  var(--content-width));
    width: calc(0.33 *  var(--content-width));
  }

  100% { 
     height: calc(0.5 *  var(--content-width));
     width: calc(0.8 *  var(--content-width));
   }
}